<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>编辑地址</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link href="../css/mui.picker.css" rel="stylesheet" />
	<link href="../css/mui.poppicker.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../css/global.css"/>
    <style type="text/css">
    	.mui-input-row label~input{text-align: right;float: right;padding: 11px 0;}
    	.mui-input-row label{padding: 11px 0;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav bg_white">
	    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	    <h1 class="mui-title colorP">编辑地址</h1>
	    <button class="mui-btn-link mui-pull-right"><span class="colorP">保存</span></button>
	</header>
	<div class="mui-content">
		<div></div>
		<ul class="mui-table-view bg_white margin-bottom10px">
		        <li class="mui-table-view-cell">
		            <div class="mui-input-row">
		                <label class="color999">收货人</label>
		                <input type="text" placeholder="请输入收货人" value="张三">
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		            <div class="mui-input-row">
		                <label class=" color999">手机号码</label>
		                <input type="text" placeholder="请输入收货人" id="mobiel" value="12345678910">
		            </div>
		        </li>
		        <li class="mui-table-view-cell">
		            <div class="mui-input-row" id="showCityPicker3">
		                <label class=" color999">所在地区</label>
		                <div class="mui-pull-right padding_tb11px">
		                	<span id="cityResult3">广东省 深圳市 宝安区</span>
		                	<i class="mui-icon iconfont">&#xe604;</i>
		                </div>
		                
		            </div>
		        </li>
		        <li class="mui-table-view-cell padding0">
					<textarea name="" rows="5" cols="" placeholder="请输入详细地址">沙井中心路1号</textarea>
		        </li>
		    </ul>
	</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery.min.js"></script>
<script src="../js/mui.picker.js"></script>
<script src="../js/mui.poppicker.js"></script>
<script src="../js/city.data.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/city.data-3.js" type="text/javascript" charset="utf-8"></script>
<script>
	(function($, doc) {
		$.init();
		$.ready(function() {
			var cityPicker3 = new $.PopPicker({
				layer: 3
			});
			cityPicker3.setData(cityData3);
			var showCityPickerButton = doc.getElementById('showCityPicker3');
			var cityResult3 = doc.getElementById('cityResult3');
			showCityPickerButton.addEventListener('tap', function(event) {
				cityPicker3.show(function(items) {
					if((items[2] || {}).text === undefined){
						(items[2] || {}).text = '';
					}
					cityResult3.innerText = (items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text;
					//返回 false 可以阻止选择框的关闭
					//return false;
				});
			}, false);
		});
	})(mui, document);
</script>
</html>